namespace("gui.containers.HDividedBox", {
    '@inherits': w3c.HtmlComponent,
	
	initialize : function(){
		var self=this;
		var splitter = this.parseElement('<span style="width:10px; border:1px solid red;float:left;"> </span>',{});
		toArray(this.childNodes()).forEach(function(node){
			if(node && node.nodeType == w3c.NodeType.ELEMENT_NODE) {
				self.setStyles({"float":"left"}, node);
				self.insertBefore(splitter,node);
				self.setStyles({"height":self.getStyle("height",self.element)}, splitter);
			}
		});
	},
	
	insertBefore : function(newElement, referenceElement, element) {
		//element = referenceElement || this.element;
		return this.element.insertBefore(newElement, referenceElement);
	},
	
	getStyle : function (strCssRule, oElm ){
		var strValue = "";
		if(document.defaultView && document.defaultView.getComputedStyle){
			strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
		}
		return strValue;
	}

});